/**
  * @category	Interface
  * @package		psdup
  * @author		Bilal Cinarli
  * @copyright	2005 - 2011 Bilal Cinarli
  * @license
  * @version
  * @filesource
  * @link		http://bcinarli.com
  * @see
  * @since
 **/
 
 /*----------------- Blue UI -----------------*/
    .blueui-selected-text,
    .blueui-select-label ul,
    .blueui-infobox,
    .blueui-nav-element,
    .blueui-button { border: 1px solid #c1dded; color: #a1bcc8; font: bold 12px sans-serif; 
                            -moz-border-radius: 3px; 
                            -webkit-border-radius: 3px; 
                            border-radius: 3px;
                            text-shadow: 0 1px 0 #fff; }
    
    .blueui-selected-text:hover,
    .blueui-infobox:hover,
    .blueui-nav-element:hover,
    .blueui-button:hover { box-shadow: 0 0 6px #2981b0; }
    
 /*----------------- Blue UI -----------------*/
 /*----------------- Checkbox & Radio -----------------*/
    .blueui-checkbox-label, .blueui-radio-label, .blueui-select-label { position: relative; cursor: pointer; display: inline-block; }
    .blueui-checkbox-label input, .blueui-radio-label input { position: absolute; top: 6px; left: 5px; }
    .blueui-checkbox-label span, .blueui-radio-label span { position: absolute; display: inline-block; width: 22px; height: 22px; background: url(../images/blueui/blueui-icons.png) no-repeat; }
 /*----------------- Checkbox & Radio -----------------*/
 /*----------------- Checkbox -----------------*/
    .blueui-checkbox-label { width: 27px; height: 27px; }
        .blueui-checkbox-label span { top: 3px; left: 2px; background-position: right 1px; }
        .blueui-checkbox-label span:hover { top: 1px; left: 0; width: 27px; height: 26px; background-position: -253px -20px; }
        .blueui-checkbox-label.blueui-checked span { top: 0; left: 0; width: 27px; height: 27px; background-position: -225px -47px; }
 /*----------------- Checkbox -----------------*/
 /*----------------- Radio -----------------*/
    .blueui-radio-label { width: 26px; height: 26px; }
        .blueui-radio-label span { top: 2px; left: 3px; background-position: -204px -75px; }
        .blueui-radio-label span:hover { top: 0; left: 0; width: 26px; height: 26px; background-position: -178px -97px; }
        .blueui-radio-label.blueui-checked span { top: 0; left: 0; width: 26px; height: 26px; background-position: -152px -123px; }
 /*----------------- Radio -----------------*/ 
 
 /*----------------- Select -----------------*/
   .blueui-select-label { width: 100px; height: 30px; }
		.blueui-select-label select { position: absolute; top: 5px; left: 5px; }
        .blueui-selected-text { position: absolute; overflow: hidden; top: 0; left: 0; width: 100px; height: 24px; padding-right: 26px; background: url(../images/blueui/blueui-select.png) top repeat-x; line-height: 24px; text-indent: 4px; box-shadow: 0 5px 0 #d4ebf9; }
            .blueui-selected-text:after { content: " "; position: absolute; top: 0; right: 0; display: block; width: 24px; height: 24px; background: url(../images/blueui/blueui-select-arrow.png) center no-repeat; }
            .blueui-selected-text.hover, .blueui-select-label ul { box-shadow: 0 0 6px #83b0c8; }
            .blueui-selected-text.hover:after { border-left: 1px solid #d5edfb; }
        
        .blueui-select-label ul { position: absolute; top: 26px; z-index: 99; display: none; border-top: none; }
            .blueui-select-label li { width: 118px; height: 24px; padding: 0 4px; border-top: 1px solid #fff; border-bottom: 1px solid #d3ecfb; background: url(../images/blueui/blueui-select.png) top repeat-x; line-height: 24px; }
 /*----------------- Select -----------------*/ 
 
 /*----------------- Textinput -----------------*/
    input[type="text"], 
    input[type="password"],
    textarea { padding: 5px; border: 1px solid #b8d9eb; background: #fbfeff url(../images/blueui/blueui-textinput.png) top repeat-x; color: #cbe0e9; 
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px; 
                border-radius: 5px; }
                
    input[type="text"]:focus, 
    input[type="password"]:focus,
    textarea:focus { color: #8aacba;
                box-shadow: 0 0 6px #83b0c8; }                
 /*----------------- Textinput -----------------*/
 
 /*----------------- Infoboxes -----------------*/
    .blueui-infobox { position: relative; margin-bottom: 15px; padding: 8px 10px; background: #e5f3fb url(../images/blueui/blueui-infobox.png) top repeat-x; color: #8aacba; }
        .blueui-infobox p { padding: 8px 0 8px 40px; background: url(../images/blueui/blueui-icons.png) no-repeat; }
    
        .blueui-error p { background-position: -88px -185px; }
        .blueui-alert p { background-position: -60px -213px; }
        .blueui-success p { background-position: -32px -241px; }
        
        .blueui-close { position: absolute; top: 5px; right: 5px; display: block; cursor: pointer; width: 8px; height: 9px; background: url(../images/blueui/blueui-icons.png) -24px -269px no-repeat; text-indent: -9999px; }
 /*----------------- Infoboxes -----------------*/
 
 /*----------------- Ratings -----------------*/
    .blueui-rating { display: inline-block; cursor: pointer; width: 18px; height: 18px; background: url(../images/blueui/blueui-icons.png) -134px -149px no-repeat; vertical-align: bottom; text-indent: -9999px; }
    .blueui-rating:hover, .blueui-rating.blueui-filled { background-position: -116px -167px; }
 /*----------------- Ratings -----------------*/
 /*----------------- Nav Elements -----------------*/
    .blueui-nav-element { display: inline-block; cursor: pointer; vertical-align: bottom; } 
    .blueui-selected, .blueui-menu:active { background: #8badbf; color: #fefefe;
                        box-shadow: /*0 5px 0 #c6e2f1,*/ inset 0 0 10px rgba(0, 0, 0, 0.29);
                        text-shadow: 0 1px 0 #8dacba; }
    .blueui-selected:hover { box-shadow: /*0 5px 0 #c6e2f1,*/ inset 0 0 10px rgba(0, 0, 0, 0.29); }

    
    .blueui-tag { position: relative; height: 30px; margin: 5px 0; padding: 0 40px 0 10px; border-width: 0; background: url(../images/blueui/blueui-tag.png) top right no-repeat; line-height: 30px; 
				-moz-border-radius: 0; 
    			-webkit-border-radius: 0; 
    			border-radius: 0; }
		.blueui-tag:before { content: " "; position: absolute; z-index: 1; top: 0; left: -5px; display: block; width: 8px; height: 30px; background: url(../images/blueui/blueui-tag.png) top left no-repeat; }
    /*.blueui-tag:after { content: " "; position: absolute; top: -1px; right: -23px; display: block; width: 26px; height: 30px; background: url(../images/blueui/blueui-tag-end.png) top no-repeat; }
    .blueui-tag.blueui-selected:after { background: url(../images/blueui/blueui-tag-selected-end.png) top no-repeat; }*/
    .blueui-tag:hover { margin: 0; padding: 5px 40px 5px 10px; background-position: right -45px; box-shadow: none; }
    .blueui-tag:hover:before { left: -7px; width: 7px; height: 40px; background-position: left -45px; }

	.blueui-tag.blueui-selected, .blueui-tag.blueui-selected:hover, .blueui-tag:active { height: 32px; margin: 4px 0; padding: 0 40px 0 10px; background-position: bottom right; line-height: 32px; box-shadow: none; }
	.blueui-tag:active { color: #fefefe; text-shadow: 0 1px 0 #8dacba; }
	.blueui-tag.blueui-selected:before, .blueui-tag.blueui-selected:hover:before, .blueui-tag:active:before { left: -5px; width: 8px; height: 32px; background-position: bottom left; }
    
    .blueui-menu { padding: 0 25px; /*border-bottom: none;*/ background: url(../images/blueui/blueui-menu.png) top repeat-x; line-height: 32px; /*box-shadow: 0 5px 0 #c6e2f1;*/ }
    .blueui-menu.blueui-selected { background: #8badbf; }
                    
    .blueui-menu-group .blueui-menu:first-child { border-right: 0;
                        -moz-border-radius: 3px 0 0 3px; 
                        -webkit-border-radius: 3px 0 0 3px; 
                        border-radius: 3px 0 0 3px; }
    .blueui-menu-group .blueui-menu:last-child { border-left: 0; 
                        -moz-border-radius: 0 3px 3px 0; 
                        -webkit-border-radius: 0 3px 3px 0; 
                        border-radius: 0 3px 3px 0; }
 /*----------------- Nav Elements -----------------*/
 /*----------------- Buttons -----------------*/
    .blueui-button { display: inline-block; cursor: pointer; margin-bottom: 5px; padding: 6px 33px; background: url(../images/blueui/blueui-button.png) top repeat-x; color: #8aacba; line-height: 1; vertical-align: bottom;
                        -moz-border-radius: 15px;
                        -webkit-border-radius: 15px;
                        border-radius: 15px;
                        /*box-shadow: 0 5px 0 #c6e2f1;*/
                         }
	.blueui-button:active { background: #8badbf; color: #fefefe;
					        box-shadow: /*0 5px 0 #c6e2f1,*/ inset 0 0 10px rgba(0, 0, 0, 0.29);
					        text-shadow: 0 1px 0 #8dacba; }
    button.blueui-button { height: 25px; padding: 3px 30px 5px; }        
 /*----------------- Buttons -----------------*/